<template>
	 <view class="container">
	    <view class="image-container">
	      <image src="/static/dui.png" class="image"></image>
	    </view>
		 <view class="container1">
		    <text class="text-item">卸货完成，待货主签收</text>
		    <text class="text-item1">货主容收后，运西将在3个工作日内支付到您的根行长</text>
		  </view>
			 <view class="container2">
			     <button class="custom-button" @click="handleButtonClick">前往货源大厅</button>
			   </view>
	  </view>
</template>

<script setup>
const handleButtonClick = () =>{
  uni.switchTab({
    url: '/pages/Search/Search'
  })
}

</script>

<style>
	.container2 {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  margin-top: 150px; /* 添加上边距 */
	}
	
	.custom-button {
	  width: 300px; /* 按钮宽度 */
	  height: 40px; /* 按钮高度 */
	  background-color: #003399; /* 背景颜色 */
	  color: white; /* 文字颜色 */
	  border: none; /* 移除边框 */
	  border-radius: 20px; /* 圆角 */
	  font-size: 16px; /* 字体大小 */
	  display: flex;
	  justify-content: center;
	  align-items: center;
	}
	.container1 {
	  display: flex;
	  flex-direction: column; /* 垂直排列 */
	  align-items: center; /* 水平居中 */
	  justify-content: center; /* 垂直居中（如果需要） */
	  width: 100%; /* 容器宽度为100% */
	  padding: 20px; /* 内边距 */
	}
	.text-item1 {
	  font-size: 14px; /* 字体大小 */
	  color: #999999; /* 文字颜色 */
	}
	.text-item {
	  font-size: 16px; /* 字体大小 */
	  color: #000000; /* 文字颜色 */
	}
	 .container {
	   display: flex;
	   flex-direction: column;
	   align-items: center; /* 水平居中 */
	   justify-content: center; /* 垂直居中（如果需要） */
	 }
	 
	 .image-container {
	   margin-top: 150rpx;
	 }
	 
	 .image {
	   width: 100rpx;
	   height: 100rpx;
	 }      
</style>
